<!DOCTYPE html>
<!--<html manifest="baoxuNewsFile.appcache">-->
<html>
<head>
    <meta charset = "utf-8" />
    <meta name = "viewport"
          content = "target-densitydpi=device-dpi,width=device-width, initial-scale=0.66667, user-scalable=no" />
    <title>网易新闻ICS版客户端WebApp</title>
    <link href = "images/favicon.ico" rel = "Shortcut Icon" title = "网易新闻WEB APP" type = "image/x-icon" />
    <link type = "text/css" rel = "stylesheet" href = "styles/base.css" />
    <link type = "text/css" rel = "stylesheet" href = "styles/style.css" />
    <script type = "text/javascript" src = "scripts/global.js"></script>
    <script type = "text/javascript" src = "scripts/function.js"></script>
    <script type = "text/javascript" src = "scripts/template.js"></script>
    <script type = "text/javascript" src = "scripts/render.js"></script>
    <script type = "text/javascript" src = "scripts/html5.js"></script>
</head>
<body>
<!--抽屉底部背景,包含左边的主导航和右边的个人中心-->
<section id = "bot-layer">
    <!--左边主导航-->
    <div id = "bot-layer-navi">
        <ul id = "navi-list">
            <li class = "navi-news"><a data-event-tag = "et_top_nav" class = "current"></a></li>
            <li class = "navi-ties"><a data-event-tag = "et_top_nav"></a></li>
            <li class = "navi-pics"><a data-event-tag = "et_top_nav"></a></li>
            <li class = "navi-topics"><a data-event-tag = "et_top_nav"></a></li>
            <li class = "navi-vote"><a data-event-tag = "et_top_nav"></a></li>
        </ul>
    </div>
    <!--主导航的覆盖阴影-->
    <div id = "bot-layer-navi-shadow"></div>
    <!--右边个人中心的覆盖阴影-->
    <div id = "bot-layer-info-shadow"></div>
    <!--右边个人中心-->
    <div id = "bot-layer-info">
        <div id = "bot-layer-user-info">
            <div id = "user-photo"><img src = "images/baoxu_70.jpg" /></div>
            <div id = "user-detail">
                <h4 class = "t-shadow">保需</h4>
                <h6 class = "t-shadow">基于HTML5+CSS3+JS原生实现</h6>
            </div>
            <!--用于修正FF下DIV不会自动伸长的问题-->
            <div class = "clear-both"></div>
        </div>
        <ul id = "bot-layer-user-data">
            <li class = "user-ties"><a href = "http://code.baoxu.net"></a></li>
            <li class = "user-favo"><a href = "http://weibo.com/chbaoxu"></a></li>
            <li class = "user-push"><a></a></li>
        </ul>
        <ul id = "bot-layer-menu">
            <li class = "menu-weather"><a class = "t-shadow"><span></span>北京 15℃/2℃</a></li>
            <li class = "menu-offline"><a class = "t-shadow"><span></span>离线下载</a></li>
            <li class = "menu-search"><a class = "t-shadow"><span></span>搜索新闻</a></li>
            <li class = "menu-setting"><a class = "t-shadow"><span></span>设置</a></li>
        </ul>
        <span id = "bot-layer-info-version">V1.0 by Baoxu</span>
    </div>
</section>

<!--浮动主图层，显示新闻的主要内容-->
<section id = "main">
    <!--下面的margin-left设置是便于JS处理滑动-->
    <section id = "main-layer" style = "margin-left: 0;">
        <!--主图层顶部信息操作条-->
        <div id = "main-layer-action-bar" style = "left: 0">
            <!--返回按钮-->
            <div id = "main-layer-action-bar-back"><a data-event-tag = "et_main_layer_back" class = "news-back"></a>
            </div>
            <!--网易LOGO-->
            <div id = "main-layer-action-bar-logo"></div>
            <!--栏目名称-->
            <div id = "main-layer-action-bar-column"><a data-event-tag = "et_main_layer_colm">头条&nbsp;&nbsp;&nbsp;</a>
            </div>
            <!--占位使用-->
            <!--<div style="float: left;width: 200px;"></div>-->
            <!--右侧用户按钮入口-->
            <div id = "main-layer-action-bar-user"><a data-event-tag = "et_main_layer_user"></a></div>

            <div id = "main-layer-action-bar-shadow"></div>
            <!--针对FF的Float校正-->
            <div id = "main-layer-action-bar-column-list" class = "b-shadow">
                <ul>
                    <!--新闻栏目列表，渲染填充-->
                </ul>
                <div id = "main-layer-news-column-do"><a data-event-tag = "et_colm_add" class = "column_add"></a><a
                        data-event-tag = "et_colm_edit" class = "column_edit"></a></div>
                <div id = "main-layer-news-column-ok"><a data-event-tag = "et_colm_edit_ok"
                                                         class = "column_edit_ok"></a></div>
            </div>
        </div>
        <!--新闻列表mask-->
        <div id = "main-layer-mask" data-event-tag = "et_main_layer_mask"></div>
        <!--全部新闻列表-->
        <div id = "main-layer-content" style="margin-top: 0;">

            <div id="news-list-refresh"><img src="images/loading.gif"><span> 正在刷新</span></div>

            <!--头图-->
            <div id = "head-img">
                <!--新闻头图，渲染填充-->
            </div>
            <!--普通新闻列表-->
            <div id = "news-list">
                <!--新闻列表，渲染填充-->
                <div class = "list-loading">
                    <span class = "load-gif"></span>
                    <span class = "load-logo"></span>
                </div>
            </div>
        </div>
    </section>

    <!--详情页的Section-->
    <header id = "detail-header-bar" style = "left: 0;">
        <div id = "detail-header-bar-back"><a data-event-tag = "et_detail_back"></a></div>
        <div id = "detail-header-bar-menu"><a data-event-tag = "et_detail_menu"></a></div>
        <div id = "detail-header-bar-ties"><a data-event-tag = "et_detail_ties">100跟帖</a></div>
    </header>
    <section id = "main-layer-detail" style = "left: 0">
        <article id = "detail-article">
            <div class = "detail-loading">
                <span class = "load-gif"></span>
                <span class = "load-logo"></span>
            </div>
        </article>
    </section>

    <!--跟帖页的Section-->
    <header id = "ties-header-bar" style = "left: 0;">
        <div id = "ties-header-bar-back"><a data-event-tag = "et_ties_back"></a></div>
    </header>
    <section id = "main-layer-ties" style = "left: 0">
        <!--热门跟帖-->
        <div id = "tie-hot-title"></div>
        <article id = "tie-hot-article" class = "tie-article">
            <ul>
                <li>
                    <div class = "tie-user-photo"><img src = "images/baoxu_70.jpg" /></div>
                    <h6>网易广东省深圳市网友：</h6>
                    <label>1小时前</label>
                    <span>跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容。</span>
                </li>
                <li>
                    <div class = "tie-user-photo">
                        <img src = "images/baoxu_70.jpg" />
                    </div>
                    <h6>网易广东省深圳市网友：</h6>
                    <label>1小时前</label>
                    <span>跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容。</span>
                </li>
                <li>
                    <div class = "tie-user-photo">
                        <img src = "images/baoxu_70.jpg" />
                    </div>
                    <h6>网易广东省深圳市网友：</h6>
                    <label>1小时前</label>
                    <span>跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容。</span>
                </li>
                <li>
                    <div class = "tie-user-photo">
                        <img src = "images/baoxu_70.jpg" />
                    </div>
                    <h6>网易广东省深圳市网友：</h6>
                    <label>1小时前</label>
                    <span>跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容。</span>
                </li>
            </ul>
        </article>
        <!--全部跟贴-->
        <div id = "tie-normal-title"></div>
        <article id = "tie-normal-article" class = "tie-article">
            <ul>
                <li>
                    <div class = "tie-user-photo">
                        <img src = "images/baoxu_70.jpg" />
                    </div>
                    <h6>网易广东省深圳市网友：</h6>
                    <label>1小时前</label>
                    <span>跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容。</span>
                </li>
                <li>
                    <div class = "tie-user-photo">
                        <img src = "images/baoxu_70.jpg" />
                    </div>
                    <h6>网易广东省深圳市网友：</h6>
                    <label>1小时前</label>
                    <span>跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容。</span>
                </li>
                <li>
                    <div class = "tie-user-photo">
                        <img src = "images/baoxu_70.jpg" />
                    </div>
                    <h6>网易广东省深圳市网友：</h6>
                    <label>1小时前</label>
                    <span>跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容。</span>
                </li>
                <li>
                    <div class = "tie-user-photo">
                        <img src = "images/baoxu_70.jpg" />
                    </div>
                    <h6>网易广东省深圳市网友：</h6>
                    <label>1小时前</label>
                    <span>跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容，跟帖的内容。</span>
                </li>
            </ul>
        </article>
    </section>

</section>
</body>
<!--
Author: Baoxu
Date:   12-10-29
Time:   上午11:59
-->
</html>